import React from "react";

import "./footer.scss";

import { NavLink } from "react-router-dom";

// 如果不需要改变的内容放到函数组件的外面
const list = [
  {
    title: "电影/影院",
    url: "/home/movies",
    icon: "icon-sousuo",
  },
  {
    title: "视频",
    url: "/home/video",
    icon: "icon-sousuo",
  },
  {
    title: "小视频",
    url: "/home/mini",
    icon: "icon-sousuo",
  },
  {
    title: "演出",
    url: "/home/show",
    icon: "icon-sousuo",
  },
  {
    title: "我的",
    url: "/home/mine",
    icon: "icon-sousuo",
  },
];

const Footer = () => {
  return (
    <footer className="home-footer">
      {list.map((item, index) => {
        return (
          <NavLink to={item.url} key={index}>
            <span className="iconfont icon-sousuo"></span>
            <p>{item.title}</p>
          </NavLink>
        );
      })}
    </footer>
  );
};

export default Footer;
